/*main*/
body {
background-image:url(bg.png);
background-color:#181818;
margin:0;
padding:10px;
}

.contain {
width:700px;
border:1px solid gray;
background-image:url(bf10.png);
margin:0 auto;
padding:10px;
}

.head {
height:50px;
overflow:hidden;
margin:0;
padding:0;
}

.tip {
padding-left:10px;
height:40px;
background-image:url(tip.png);
font-family:Verdana;
font-size:12px;
line-height:40px;
color:#646464;
margin:0;
}

.search {
background-color:#F6F6F6;
overflow:auto;
margin:0;
padding:10px;
height:25px;
}

.edit {
background-color:#F8F8F8;
text-align:center;
margin:0;
padding:10px;
}

.content {
background-color:#F8F8F8;
margin:0;
padding:0;
clear:both;
}

.foot {
height:30px;
background-color:#F1F1F1;
font-family:Verdana;
font-size:12px;
line-height:30px;
color:silver;
text-align:center;
margin:0;
padding:0;
}
/*details*/
.head a {
float:left;
width:60px;
height:25px;
line-height:25px;
text-align:center;
text-decoration:none;
color:#FFF;
font-family:Verdana;
font-size:12px;
outline:none;
hide-focus:expression(this.hideFocus=true);
margin:10px 1px;
padding:0;
}

.head a:hover {
font-weight:700;
background-image:url(pic.png);
background-repeat:no-repeat;
background-position:0 -210px;
}

form {
margin:0;
padding:0;
}

.search_input {
float:right;
width:185px;
height:25px;
background-color:#FFF;
background-image:url(pic.png);
background-repeat:no-repeat;
background-position:0 -245px;
border:none;
overflow:hidden;
margin:0;
padding:0;
}

.search_input input {
float: left;
width:154px;
height:23px;
line-height:23px;
font-family:Verdana;
font-size:12px;
border:0px solid silver;
background:transparent;
margin:1px;
padding:0 0  0 5px;
}
.search_submit {
float: right;
width:22px;
height:23px;
margin:1px;
outline:none;
hide-focus:expression(this.hideFocus=true);
}
.edit_textarea {
width:680px;
height:166px;
background-image:url(pic.png);
background-repeat:no-repeat;
background-position:0 0;
overflow:hidden;
margin:0;
padding:0;
}

.edit_textarea textarea {
float:left;
width:664px;
height:160px;
font-family:Verdana;
font-size:12px;
line-height:20px;
border:0 solid silver;
margin:3px;
padding:0 5px;
}

.edit_submit {
height:30px;
overflow:hidden;
margin:0;
padding:10px 0;
}

.edit_submit a {
float:right;
width:110px;
height:30px;
background-image:url(pic.png);
background-repeat:no-repeat;
background-position:0 -280px;
line-height:30px;
text-align:center;
text-decoration:none;
color:gray;
font-family:Verdana;
font-size:12px;
outline:none;
hide-focus:expression(this.hideFocus=true);
margin:0;
padding:0;
}

.edit_submit a:hover {
background-image:url(pic.png);
background-repeat:no-repeat;
background-position:0 -310px;
color:#FF8000;
}

.content_item {
border-top:1px solid #C7CCD1;
background-color:#F1F1F1;
font-family:Verdana;
font-size:12px;
line-height:25px;
color:#353535;
overflow:hidden;
margin:0 10px;
padding:5px 10px;
}

.content_item a {
color:#7A9833;
text-decoration:none;
}

.content_item img {
border:1px solid silver;
margin:5px 0;
padding:2px;
}

.content_item a:hover {
color:#7A9833;
text-decoration:underline;
}

.content_info {
background-color:#F1F1F1;
font-family:Verdana;
font-size:12px;
text-align:right;
color:gray;
margin:0 10px;
padding:0 10px 5px 0;
}

.content_page {
border-top:1px solid #C7CCD1;
background-color:#F1F1F1;
font-family:Verdana;
font-size:12px;
text-align:center;
height:30px;
line-height:30px;
color:gray;
margin:0 10px;
padding:0;
}

.content_tool {
font-family:Verdana;
font-size:12px;
height:30px;
line-height:30px;
color:gray;
background-image:url(pic.png);
background-repeat:no-repeat;
background-position:0 -170px;
margin:0 0 10px;
padding:0;
}

.content_tool a {
float:left;
width:24px;
height:24px;
background-image:url(pic.png);
background-repeat:no-repeat;
outline:none;
hide-focus:expression(this.hideFocus=true);
margin:3px;
padding:0;
}

.content_tool a.o {
background-position:0 -350px;
}

.content_tool a.b {
background-position:-25px -350px;
}

.content_tool a.r {
background-position:-50px -350px;
}

.content_tool a.g {
background-position:-75px -350px;
}

.content_tool a.t {
background-position:-150px -350px;
}

.content_tool a.url {
background-position:-100px -350px;
}

.content_tool a.img {
background-position:-125px -350px;
}

.error {
width:300px;
height:100px;
background-image:url(pic.png);
background-repeat:no-repeat;
background-position:-210px -210px;
font-family:Verdana;
font-size:12px;
color:#FF8000;
text-align:center;
line-height:100px;
margin:100px auto;
padding:10px;
}

.content_info a,.content_page a {
color:gray;
text-decoration:none;
}

.content_info a:hover,.content_page a:hover {
color:#FF8000;
text-decoration:underline;
}

.notification {
float:left;
width:450px;
height:25px;
background-color: #F6F6F6;
font-family:Verdana;
font-size:12px;
color: gray;
line-height: 25px;
overflow:hidden;
margin:0;
padding:0 10px;
overflow: hidden;
}

/*login*/
.login {
width:300px;
height:110px;
background-image:url(login.png);
background-repeat:no-repeat;
background-position: 0 0;
margin:100px auto;
padding:10px;
}
.login_user {
height:30px;
background-image:url(login.png);
background-repeat:no-repeat;
background-position:0 -140px;
margin-bottom:10px;
padding:0;
}
.login_pw {
height:30px;
background-image:url(login.png);
background-repeat:no-repeat;
background-position:0 -180px;
margin-bottom:10px;
padding:0;
}
.login_user input,.login_pw input {
margin:0;
padding:0;
padding-left: 5px;
float:right;
height:30px;
width: 193px;
border:0px solid silver;
background:transparent;
color:#EFEFEF;
font-family:Verdana;
font-size:12px;
line-height: 30px;

}
.login_bt {
height:30px;
margin-bottom:10px;
padding:0;
text-align: right;
}
.login_submit {
float:right;
width:34px;
height:30px;
font-family:Verdana;
font-size:12px;
text-align: center;
text-decoration: none;
background-image:url(login.png);
background-repeat:no-repeat;
background-position:0 -220px;
outline:none;
hide-focus:expression(this.hideFocus=true);
}
.login_back {
float:right;
width:34px;
height:30px;
font-family:Verdana;
font-size:12px;
text-align: center;
text-decoration: none;
background-image:url(login.png);
background-repeat:no-repeat;
background-position:-35px -220px;
margin-right:10px;
outline:none;
hide-focus:expression(this.hideFocus=true);
}
.book {
height:30px;
line-height:30px;
background-image:url(book.png);
background-repeat:no-repeat;
background-position:10px 10px;
background-color: #F6F6F6;
padding:10px;
}
.book_guest {
float: left;
width:113px;
height:28px;
line-height:28px;
font-family:Verdana;
font-size:12px;
border:0px solid silver;
background:transparent;
margin:1px;
padding:0 0  0 5px;
}
.book_message {
float: left;
width:488px;
height:28px;
line-height:28px;
font-family:Verdana;
font-size:12px;
border:0px solid silver;
background:transparent;
margin:1px 1px 1px 29px;
padding:0 0  0 5px;
}
.book_submit {
float: right;
width:28px;
height:28px;
margin:1px;
padding:0;
outline:none;
hide-focus:expression(this.hideFocus=true);
}